<docs>
  ##   暂时取消不用
</docs>
<template>
  <div>
    <div class="content">
    <my-bread title="面试通知" class="_detail"></my-bread>
      <div class="position margin clearfix">
        <div class="left">
          <p class="clearfix">
            <span class="item_left title">{{gwxx.dwmc}}</span>
            <span class="item_rigth"><span class="num">{{gwxx.xc}}</span>/月</span>
          </p>
          <p class="clearfix">面试职位：{{gwxx.gwmc}}</p>
          <p class="clearfix">面试地点：{{gwxx.msdz}}</p>
          <p class="clearfix">{{gwxx.mstznr}}</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import store from '@/store/index';
import $ from '@/common/js/axios';

export default {
  name: 'jobNotice',
  data() {
    return {
      gwxx: {
        dwmc: '',
        xc: '',
        dwxz: '',
        qygm: '',
        dwdjid: '',
        gwmc: '',
      }
    };
  },
  methods: {
    GET_personInfo() {
      this.gwxx = this.$route.query;
    },
  },
  created() {
    this.GET_personInfo();
  }
};
</script>
<style scoped lang="scss">
@import '~common/scss/var.scss';
._detail{
  background: linear-gradient(90deg, #1d66d4, #00baff);
}

.left {
  padding: 30px;
  overflow: hidden;
  img {
    width: 118px;
    height: 118px;
    vertical-align: middle;
    margin: 30px 20px 0 30px;
  }
  p {
    color: $color-text-primary;
    padding-bottom: 30px;
    // height: $font-size-ultra;
    // line-height: $font-size-ultra;
    .item_left{
      float: left;
    }
    .item_rigth{
      float: right;
      .num{
        color: #fb4d64;
        font-size: $font-size-base;
      }
    }
  }
  p:last-child{
    padding-bottom: 0;
  }
  .title {
    color: #0096FF;
    // margin: $radius-base3*2 0;
  }
}
.margin {
  margin-bottom: 20px;
}
.content{
  background-color: #F1F1F1;
}
.position {
  background-color: #fff;
}
</style>
